<!doctype html>
<html>
    <head>
        <title>Simple layout for HTML5</title>
        <style type="text/css">
            body {
                font-family: Monaco, Consolas, "Courier New", monospace;
                text-align: center;
                background-color: #eee;
                color: #fff;
                width: 800px;
                margin: 0 auto;
            }
            body>*, section {
                background-color: #666;
                border-radius: 5px;
                margin: 5px;
                padding: 5px;
            }
            article {
                float: left;
                width: 500px;
                height: 55px;
            }
            section {
                background-color: #333;
            }
            aside {
                float:right;
                width: 260px;
                height: 55px;
            }
            footer {
                clear: both;
            }
        </style>
    </head>
    <body>
        <header>&lt;header&gt;</header>
        <nav>&lt;nav&gt;</nav>
        <article>
            &lt;article&gt;
            <section>&lt;section&gt;</section>
        </article>
        <aside>&lt;aside&gt;</aside>
        <footer>&lt;footer&gt;</footer>
    </body>
</html>
